<!DOCTYPE html>
<html lang="zh-cn">

<head class='a>1' class2='' class3='a'>
    <meta charset="UTF-8" >
    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
    <meta http-equiv="X-UA-Compatible" content="ie=edge" >
    <title>测试代码</title>
    <script type dfsdfs>

        alert('环境测<code>试例子');

    </script>
</head>

<body>

    <h2 class='xxx > 10'>太阳系的行星</h2>

    <br >

    <pre class='pretty css-style'>
        .color{
            color:red;
            font-size:12;
        }
    </pre>
    <pre class="pretty js-code">alert('环境测<code2>试例子');
    </pre>
    <ul>
        <li class='fs fsf div'>水星</li>
        <li>金星</li>
        <li>...</li>
    </ul>

    <br />

    <span>补充</span>
    <hr />
    <input type="text" />
    <input type="button" value="确定" >


    <!--

    我还惊讶地意识到， 在我生命中有很多时刻， 每当我遇到一个遥不可及、令人害怕的情境，
    并感到惊慌失措时， 我都能够应付——因为我回想起了很久以前自己上过的那一课。
    我提醒自己不要看下面遥远的岩石， 而是注意相对轻松、容易的第一小步， 迈出一小步、再一小步，
    就这样体会每一步带来的成就感， 直到完成了自己想要完成的， 达到了自己的目标，
    然后再回头看时， 不禁对自己走过的这段漫漫长路感到惊讶和自豪。
    
                                            ———— 摘自 莫顿·亨特《走一步，再走一步》

    -->

</body>

</html>